// 封装购物车数字徽标的文件
import { mapGetters } from 'vuex'
	export default {
    computed: {
      // 把m_car模块中的total统计购物车总数量的方法映射到当前页面
      ...mapGetters('m_cart', ['total'])
    },
    // 页面初次加载的钩子函数
    onShow() {
      // 定义设置数字徽标的方法
      this.setBadge()
    },
    methods: {
      setBadge () {
        // 调用uni.setTabBarBadge方法，设置购物车右上角的数字徽标
        uni.setTabBarBadge({
          // 首页tabBar的索引
          index: 2,
          // 数字徽标，一定得是字符串
          text: this.total + ''
        })
      }
    },
    watch: {
      total () {
        // 调用this.setBadge，动态更新tabbar的数字徽标
        this.setBadge()
      }
    }
  }